import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface WebCuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const WebCuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: WebCuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M7.825 3.564c-1.86.102-2.934.495-3.85 1.411-.939.939-1.304 1.964-1.413 3.965-.054.983-.054 5.137 0 6.12.109 2.001.474 3.026 1.413 3.965.939.939 1.964 1.304 3.965 1.413.977.053 7.124.054 8.12.001 1.282-.068 2.108-.242 2.84-.6a3.935 3.935 0 0 0 1.208-.892c.866-.912 1.229-1.972 1.331-3.887.022-.418.041-1.795.041-3.06 0-1.265-.019-2.642-.041-3.06-.068-1.282-.242-2.108-.6-2.84a4.27 4.27 0 0 0-2.13-2.033c-.7-.3-1.425-.439-2.649-.505-.881-.048-7.345-.046-8.235.002M16.2 5.561c.932.068 1.656.247 2.04.505.077.052.252.204.388.339.559.554.772 1.297.837 2.925l.027.67H4.508l.027-.67c.059-1.482.248-2.252.676-2.755.389-.459.747-.678 1.369-.836.536-.136 1.041-.186 2.26-.22 1.453-.042 6.623-.012 7.36.042m-9.527 1.5C6.308 7.178 6 7.608 6 8c0 .576.547 1.055 1.125.987.806-.096 1.163-1.089.603-1.681-.248-.261-.687-.363-1.055-.245m3 0C9.308 7.178 9 7.608 9 8c0 .576.547 1.055 1.125.987.806-.096 1.163-1.089.603-1.681-.248-.261-.687-.363-1.055-.245m3 0C12.308 7.178 12 7.608 12 8c0 .576.547 1.055 1.125.987.806-.096 1.163-1.089.603-1.681-.248-.261-.687-.363-1.055-.245M19.5 13.27c-.043 2.178-.122 2.95-.369 3.57-.133.334-.234.482-.541.793-.413.417-.984.648-1.89.765-.96.124-7.331.153-8.9.04-.951-.068-1.662-.247-2.06-.519a3.496 3.496 0 0 1-.674-.679c-.147-.22-.293-.624-.382-1.06-.102-.504-.153-1.298-.185-2.91L4.474 12h15.051l-.025 1.27"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
